<%--
  Created by IntelliJ IDEA.
  User: Oracle
  Date: 2022/4/22
  Time: 11:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="utf-8">
    <link rel="icon" type="images/x-icon" href="/static/image/b.png"/>
    <title>我的收藏</title>
</head>
<link rel="stylesheet" href="/static/css/font/iconfont.css"/>
<link rel="stylesheet" href="/static/css/userpage.css">
<link rel="stylesheet" href="/static/css/floatbar.css">
<link rel="stylesheet" href="/static/css/font.css"/>
<script src="/static/js/store.js"></script>
<style type="text/css">


    .right {
        width: 65vw;
        height: 100vh;
        float: right;
        margin-top: -75vh;
        margin-right: 8vw;
        box-sizing: border-box;
    }

    .right_top {
        width: 60vw;
        height: 18vh;
        float: left;
        background-image: url(/static/image/marcket-right.png);
        background-repeat: no-repeat;
        background-position-x: right;
        position: relative;
        background-color: #00000050;
    }

    .clear {
        margin-top: 10vh;
        margin-left: 3vw;

    }

    .right_top li {
        width: 5vw;
        height: 3vh;
        float: left;
        text-align: center;
        line-height: 5vh;
        color: #858b91;
        margin-top: 4vh;
        margin-left: 3vw;
    }

    .search {
        width: 25vw;
        height: 5vh;
        margin-left: 30vw;
        margin-top: 2vh;
        box-sizing:border-box;
    }

    .search span input {
        background-color: #00000000;
        padding: 7px;
        border: 1px solid #318ed5;
        outline: none;
        float: left;
    }
    .searchBtn{
        width: 70px;
        padding: 7px;
        background: #39b2bd;
        border: none;
        float: left;
        color: white;
    }

    .right_down {
        width: 60vw;
        height: 80vh;
        border-radius: 2px;
        background-color: white;
        margin-top: 20vh;
    }

    .left_middle a:nth-child(4) li{
        background: linear-gradient(to right, rgba(27, 32, 41, 1.0) 10%, rgba(62, 96, 153, 1.0) 50%, rgba(27, 32, 41, 1.0) 100%);
        color: white;
        font-weight: 600;
    }

</style>
<body>
<div class="top">
    <iframe src="${pageContext.request.contextPath }/goods/head" scrolling="no" width="100%" height="71px" frameborder="0" name="user"
            id="userTop"></iframe>
</div>
<div class="down" >
    <div class="left" style="margin-top: 27px">
        <div class="left_top">
            <c:if test="${empty sessionScope.userNow.headPath}">
                <img src="/static/image/defaultHead.png" width="72px" height="72px">
            </c:if>
            <c:if test="${not empty sessionScope.userNow.headPath}">
                <img src="${sessionScope.userNow.headPath}" width="72px" height="72px">
            </c:if>
            <c:if test="${not empty sessionScope.userNow.username}">
                <h3>${sessionScope.userNow.username}</h3>
            </c:if>
            <c:if test="${empty sessionScope.userNow.username}">
                <h3>${sessionScope.userNow.tellphone}</h3>
            </c:if>
        </div>
        <div class="left_middle">
            <a href="${pageContext.request.contextPath }/user/center"><li><i class="iconfont icon-qianbao"></i>&nbsp;我的钱包</li></a>
            <a href="${pageContext.request.contextPath }/user/setting"><li><i class="iconfont icon-shezhi"></i>&nbsp;账号设置</li></a>
            <a href="${pageContext.request.contextPath }/user/info"><li><i class="iconfont icon-xiaoxi"></i>&nbsp;消息中心</li></a>
            <a href="${pageContext.request.contextPath }/user/collect"><li><i class="iconfont icon-shoucang"></i>&nbsp;我的收藏</li></a>
            <a href="${pageContext.request.contextPath }/user/coupon"><li><i class="iconfont icon-Coupons"></i>&nbsp;权益卡券</li></a>
            <a href="${pageContext.request.contextPath }/user/feedback"><li><i class="iconfont icon-kefu"></i>&nbsp;联系客服</li></a>
        </div>
    </div>
    <div class="right">
        <div class="right_top">
            <ul>
                <a href="饰品关注.html">
                    <li>饰品关注</li>
                </a>
                <a href="饰品收藏.html">
                    <li>饰品收藏</li>
                </a>
                <a href="资讯收藏.html">
                    <li>资讯收藏</li>
                </a>
            </ul>
            <div class="clear">
                <hr width="93%" color="#4773c8">
            </div>
            <div class="search">
                <form >
                <span><input type="text" name="search" size="40" placeholder="输入物品名称"/></span>
                <input type="submit" value="搜索" class="searchBtn">
                </form>
            </div>
        </div>

        <div class="right_down">

        </div>
    </div>
</div>







<div class="floatbar">
    <a href="">
        <div class="Icontext"><span class="iconfont icon-shouji"></span><br />
            <font size="1">App</font>
        </div>
    </a>
    <a href="">
        <div class="Icontext"><span class="iconfont icon-xingxing"></span><br />
            <font size="1" color="#95959">收藏</font>
        </div>
    </a>
    <a href="">
        <div class="Icontext"><span class="iconfont icon-weixin"></span><br />
            <font size="1" color="#95959">公众号</font>
        </div>
    </a>
    <a href="">
        <div class="Icontext"><span class="iconfont icon-weibo"></span><br />
            <font size="1" color="#95959">微博</font>
        </div>
    </a>
    <a href="">
        <div class="Icontext"><span class="iconfont icon-wenhao"></span><br />
            <font size="1" color="#95959">帮助</font>
        </div>
    </a>
    <a href="">
        <div class="Icontext"><span class="iconfont icon-duanxin"></span><br />
            <font size="1" color="#95959">客服</font>
        </div>
    </a>
    <a href="javascript:scroll(0,0);">
        <div class="backTop"><span class="iconfont icon-sanjiaoxing_shang"></span><br />
            <font size="2" color="#95959">TOP</font>
        </div>
    </a>
</div>
<%-- 用户信息悬浮框 --%>
<div class="store" id="store">
    <div class="store-info">
        <div class="store-user">
            <div class="store-user-img">
                <c:if test="${empty sessionScope.userNow.headPath}">
                    <img src="../static/image/defaultHead.png" width="52px" height="52px"/>
                </c:if>
                <c:if test="${not empty sessionScope.userNow.headPath}">
                    <img src="${sessionScope.userNow.headPath}" width="52px" height="52px"/>
                </c:if>
            </div>
            <div class="store-user-name">
                <c:if test="${not empty sessionScope.userNow.username}">
                    <h4>${sessionScope.userNow.username}</h4>
                </c:if>
                <c:if test="${empty sessionScope.userNow.username}">
                    <h4>${sessionScope.userNow.tellphone}</h4>
                </c:if>
                <p><a href="/user/logout">注销</a></p>
            </div>
        </div>
        <div class="store-account">
            <div class="balance">余额
                <span>￥${sessionScope.userNow.balance}</span>
            </div>
            <div class="topUp">
                <a href="${pageContext.request.contextPath }/user/center">充值</a>
            </div>
        </div>
    </div>
</div>
<div class="tail">
    <iframe src="${pageContext.request.contextPath }/goods/tail" scrolling="no" width="100%" height="324px" frameborder="0" ></iframe>
</div>

</body>
</html>
